<template>
  <div class="contentBox">
    <div class="mainContainer">
      <div class="mainTitle">
        综合监管信息（规划设计与实施方案评审）
      </div>
      <div class="subTit">
        <span>规划设计方案评审位置信息</span>
        <el-input class="box" disabled value="重庆市荣昌区国土局"></el-input>
      </div>
      <div class="desContainer">
        <div class="top">
          <div class="row"><span>规划设计方案评审时间：</span><span style="color: #A6A6A6">2018年7月1日</span></div>
          <div class="row"><el-checkbox checked disabled></el-checkbox> <span>规划设计方案评审通过</span></div>
        </div>
        <div class="ListItem">
          <div class="bef">路孔镇尚书村一组1现场照片</div>
          <div class="aft">
            <span>查看</span><span>下载</span>
          </div>
        </div>
        <div class="ListItem">
          <div class="bef">路孔镇尚书村一组文字记录</div>
          <div class="aft">
            <span>查看</span><span>下载</span>
          </div>
        </div>
        <div class="ListItem">
          <div class="bef">路孔镇尚书村一组现场照片3</div>
          <div class="aft">
            <span>查看</span><span>下载</span>
          </div>
        </div>
        <div class="ListItem">
          <div class="bef">路孔镇尚书村一组视频</div>
          <div class="aft">
            <span>查看</span><span>下载</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {

    }
</script>

<style lang="scss" scoped>
  .contentBox {
    padding: 30px;
    height: calc(100vh - 114px);
    background: #F5F6F7;
    *{
      font-size: 14px;
      color: #666;
    }
    .mainContainer {
      height: 100%;
      background: #fff;
      padding: 20px;
      .mainTitle {
        font-size: 18px;
        color: #4D4D4D;
        font-weight: bold;
        margin-bottom: 30px;
      }
      .subTit {
        span{
          margin-right: 10px;
        }
        .box{
          width: 180px;
          height: 36px;
          display: inline-block;
          line-height: 36px;
          padding-left: 8px;
        }
      }
      .desContainer {
        margin-top: 30px;
        width: 470px;
        height: 490px;
        padding: 30px 0 0 30px;
        border: 1px solid #EBEDF2;
        box-sizing: border-box;
        .top {
          padding-bottom: 10px;
          border-bottom: 1px solid #EBEEF5;
          .row{
            margin-bottom: 10px;
          }
        }
        .ListItem {
          padding: 18px 30px;
          display: flex;
          justify-content: space-between;
          line-height: 20px;
          .bef{
            color: #606266;
          }
          .aft{
            span{
              cursor: pointer;
              color: #409EFF;
              margin-left: 10px;
            }
          }
        }
      }
    }
  }

</style>
